<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>

<head>

<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">


<title>H+ 后台主题UI框架 - Bootstrap Table</title>

<link href="assets/css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
<link href="assets/css/font-awesome.css?v=4.4.0" rel="stylesheet">
<link href="assets/css/plugins/bootstrap-table/bootstrap-table.min.css" rel="stylesheet">
<link href="assets/css/plugins/iCheck/custom.css" rel="stylesheet">
<link href="assets/css/plugins/chosen/chosen.min.css" rel="stylesheet">
<link href="assets/css/animate.css" rel="stylesheet">
<link href="assets/css/style.css?v=4.1.0" rel="stylesheet">


</head>

<body>

	<div class="row">
		<div class="ibox float-e-margins">
			<div class="ibox-content">
				<form class="form-horizontal m-t" id="execInstAddForm">
					<div class="form-group">
						<label class="col-sm-3 control-label">营销推广案：</label>
						<div class="col-sm-8">
							<input id="actName" name="actName" class="form-control" type="text">
						</div>
					</div>
					<div class="form-group">
						<label class="col-sm-3 control-label">活动优先级：</label>
						<div class="col-sm-8">

							<select id="actSequence" name="actSequence" class="form-control m-b" aria-required="true" aria-invalid="false">
								<option value="1">高</option>
								<option value="2">中</option>
								<option value="3">普通</option>
								<option value="4">低</option>
							</select>
						</div>
					</div>
					<div class="form-group">
						<label class="col-sm-3 control-label">开始时间：</label>
						<div class="col-sm-8">
							<input id="actStartDate" name="actStartDate" class="laydate-icon form-control layer-date">
						</div>
					</div>
					<div class="form-group">
						<label class="col-sm-3 control-label">结束时间：</label>
						<div class="col-sm-8">
							<input id="actEndDate" class="laydate-icon form-control layer-date" name="actEndDate">
						</div>
					</div>
					<div class="form-group">
						<label class="col-sm-3 control-label">活动类型：</label>
						<div class="col-sm-8">

							<label class="checkbox-inline i-checks"> <input type="radio" value="a" name="actDriveType">a
							</label> <label class="checkbox-inline i-checks"> <input type="radio" value="b" name="actDriveType">b
							</label> <label class="checkbox-inline i-checks" name="actDriveType"> <input type="radio" value="c"
								name="actDriveType">c
							</label>
						</div>
					</div>
					<div class="form-group">
						<label class="col-sm-3 control-label">渠道：</label>
						<div class="col-sm-8">
							<select id="channel" name="channel" data-placeholder="选择渠道..." class="chosen-select form-group"
								style="width: 350px;" tabindex="2" aria-required="true" aria-invalid="true" class="error">
								<option value="">请选择渠道</option>
								<option value="1" hassubinfo="true">短厅</option>
								<option value="8" hassubinfo="true">网厅</option>
								<option value="9" hassubinfo="true">掌厅APP</option>
							</select>
						</div>
					</div>


				</form>
			</div>
		</div>
	</div>

	<!-- 全局js -->
	<script src="assets/js/jquery.min.js"></script>
	<script src="assets/js/bootstrap.min.js?v=3.3.6"></script>
	<script src="assets/js/extJquery.js"></script>

	<!-- 自定义js -->
	<script src="assets/js/content.js?v=1.0.0"></script>
	<!-- layer javascript -->
	<script src="assets/js/plugins/layer/layer.js"></script>
	<script src="assets/js/plugins/laydate/laydate.js"></script>

	<!-- Bootstrap table -->
	<script src="assets/js/plugins/bootstrap-table/bootstrap-table.min.js"></script>
	<script src="assets/js/plugins/bootstrap-table/locale/bootstrap-table-zh-CN.min.js"></script>
	<script src="assets/js/plugins/iCheck/icheck.min.js"></script>
	<script src="assets/js/plugins/chosen/chosen.jquery.min.js"></script>
	<script src="assets/js/plugins/validate/jquery.validate.min.js"></script>


	<script type="text/javascript">
		var config = {
			'.chosen-select' : {},
			'.chosen-select-deselect' : {
				allow_single_deselect : true
			},
			'.chosen-select-no-single' : {
				disable_search_threshold : 10
			},
			'.chosen-select-no-results' : {
				no_results_text : 'Oops, nothing found!'
			},
			'.chosen-select-width' : {
				width : "95%"
			}
		}
		for ( var selector in config) {
			$(selector).chosen(config[selector]);
		}
		$().ready(function() {
			$('.i-checks').iCheck();
		});
		laydate({
			elem : '#actStartDate'
		});
		laydate({
			elem : '#actEndDate'
		});
		//以下为修改jQuery Validation插件兼容Bootstrap的方法，没有直接写在插件中是为了便于插件升级


		//以下为官方示例
		$().ready(function() {
			var icon = "<i class='fa fa-times-circle'></i> ";
			$("#execInstAddForm").validate({
				rules : {
					actName : "required",
					actSequence : "required",
					actStartDate : "required",
					actEndDate : "required",
					actDriveType : "required",
					channel : "required"
				},
				messages : {
					actName : icon + "请输入你的姓",
					actSequence : icon + "请输入您的名字",
					actStartDate : icon + "请输入您的名字",
					actEndDate : icon + "请输入您的名字",
					actDriveType : icon + "请输入您的名字",
					channel : icon + "请输入您的名字"

				}
			});

		});
	</script>
</body>

</html>
